<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <title>首页</title>
    <link rel="stylesheet" href="./css/heard.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
</head>

<body>
  <header>
    <div class="onedv">
      <div class="oev1">
       <img src="./imgs/ad-01.png" alt="">
      </div>
      <div class="oev2">
        <span class="ovsp1"><img src="./imgs/ad-02.png" alt=""></span>
        <span class="ovsp2"><img src="./imgs/ad-01.jpg" alt=""></span>
        <span class="ovsp3"><img src="./imgs/ad-03.png" alt=""></span>
      </div>
    </div>
    <div class="mains">
      <div class="main">
        <div class="list">
          <input type="text" placeholder="搜索">
          <span class="main1"><img src="./imgs/ad-02.png" alt=""></span>
        </div>
        <div class="list2">
          <span class="main2"><img src="./imgs/ad-01.jpg" alt=""></span>
          <span class="main3"><img src="./imgs/错.png" alt=""></span>
        </div>
      </div>
    </div>
  </header>
  <div class="null"></div>
  <section>
      <div class="lunbo">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./imgs/ad-04.png" alt=""></div>
                <div class="swiper-slide"><img src="./imgs/ad-04.png" alt=""></div>
                <div class="swiper-slide"><img src="./imgs/ad-04.png" alt=""></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
      </div>
      <!-- 通知公告开始 -->
      <div class="notice">
        <ul class="notice-title">
          <li class="notice-top">
              <p>通知公告</p>
              <a href="">更多></a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                  <span><span> · </span>中国内部审计协会相关上线会员</span>
                  <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                  <span><span> · </span>中国内部审计协会相关上线会员</span>
                  <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
        </ul>
      </div>
          <!-- 右 -->
      <div class="notice">
        <ul class="notice-title">
          <li class="notice-top">
              <p>行业动态</p>
              <a href="">更多></a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
        </ul>

      </div>
      <!-- 通知公告结束 -->
      <!-- 政策法规开始 -->
      <div class="notice">
        <ul class="notice-title">
          <li class="notice-top">
              <p>政策法规</p>
              <a href="">更多></a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
        </ul>
      </div>
      <!-- 右 -->
      <div class="notice">
        <ul class="notice-title">
          <li class="notice-top">
              <p>文化交流</p>
              <a href="">更多></a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
          <li class="notice-bottom">
              <a href="" class="china">
                <span><span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </li>
        </ul>
      </div>
      
      <!-- 政策法规结束 -->
      <div class="science">
          <img src="./imgs/ad-05.png" alt="">
      </div>
      <!-- 师资库开始 -->
      <div class="notice">
        <!-- 左 -->
        <div class="notice-title">
          <div class="notice-top">
              <p>师资库</p>
              <a href="">更多></a>
          </div>
          <div class="chart">
            <div class="charts">
                <img src="./imgs/ad-06.png" alt="">
                <p>叶星辰</p>
            </div>
            <div class="charts">
              <img src="./imgs/ad-06.png" alt="">
                <p>叶星辰</p>
            </div>
            <div class="charts">
                <img src="./imgs/ad-06.png" alt="">
                <p>叶星辰</p>
            </div>
            <div class="charts">
              <img src="./imgs/ad-06.png" alt="">
                <p>叶星辰</p>
            </div>
            <div class="charts">
              <img src="./imgs/ad-06.png" alt="">
                <p>叶星辰</p>
            </div>
            <div class="charts">
                <img src="./imgs/ad-06.png" alt="">
                <p>叶星辰</p>
            </div>
            <div class="charts">
              <img src="./imgs/ad-06.png" alt="">
                <p>叶星辰</p>
            </div>
            <div class="charts">
              <img src="./imgs/ad-06.png" alt="">
                <p>叶星辰</p>
            </div>
          </div>
        </div>
      </div>
      <!-- 右 -->
      <div class="notice">
          <div class="notice-top">
              <p>企业名录</p>
              <a href="">更多></a>
          </div>
          <div class="notice-bottom">
              <a href="" class="china">
                <span> <span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </div>
          <div class="notice-bottom">
              <a href="" class="china">
                <span> <span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </div>
          <div class="notice-bottom">
              <a href="" class="china">
                <span> <span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </div>
          <div class="notice-bottom">
              <a href="" class="china">
                <span> <span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </div>
          <div class="notice-bottom">
              <a href="" class="china">
                <span> <span> · </span>中国内部审计协会相关上线会员</span>
                <span>2019-01-01</span>
              </a>
          </div>
      </div>
      <!-- 师资库结束 -->
      <div class="many">
        <div class="many1">
          <img src="./imgs/ad-07.png" alt="">
          <img src="./imgs/ad-08.png" alt="">
        </div>
        <div class="many2">
          <img src="./imgs/ad-09.png" alt="">
          <img src="./imgs/ad-10.png" alt="">
          <img src="./imgs/ad-11.png" alt="">
          <img src="./imgs/ad-12.png" alt="">
          <img src="./imgs/ad-13.png" alt="">
        </div>
      </div>
      <div class="lianjie">
          <span>友情链接</span>
          <a href="">中国审计新闻网 <i><img src="./imgs/ad-14.png" alt=""></i></a>  
          <a href="">中国审计新闻网 <i><img src="./imgs/ad-14.png" alt=""></i></a>  
          <a href="">中国审计新闻网 <i><img src="./imgs/ad-14.png" alt=""></i></a>  
          <a href="">中国审计新闻网 <i><img src="./imgs/ad-14.png" alt=""></i></a>
      </div>

  </section>
  <!-- 底部 -->
  <footer>
    <div class="ends">
        <p>河南省内部审计协会 版权所有</p>
        <p>协会地址：埃里克技术大反复将发放1将发放卡萨费尽全力</p>
        <p>联系电话：18240701988 </p>
        <p>电子邮箱：860258541@123.com</p>
        <p>copy@2018.ALL righrs reserved</p>
    </div>
  </footer>
  <div class="nulll"></div>
  <!-- 底部结束 -->

  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

  <script>
    $(".ovsp1").click(function() {
        $(".mains").show();
        $(".onedv").hide();
    })
    $(".main3").click(function() {
        $(".onedv").show();
        $(".mains").hide();
    })
  </script>
  <script src="./js/swiper-3.4.2.min.js"></script>
  <script>
      var swiper = new Swiper('.swiper-container', {
          pagination: '.swiper-pagination',
          paginationClickable: '.swiper-pagination',
          nextButton: '.swiper-button-next',
          prevButton: '.swiper-button-prev',
          spaceBetween: 30,
          autoHeight: true,
          observer: true,
          observeParents: true,
          autoplay: 3000,
      });
  </script>
</body>

</html>